<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="speeddigit">

    <meta name="description" content="speed digit electronics Bootstrap Web Template">
    <meta name="keywords"
        content="electronics ecommerce website template, electronic shop website template,electronics ecommerce website htlm template">
    <title>Electrolo - Ecommerce HTML Template</title>
    <link rel="shortcut icon" type="image/jpg" href="assets/img/icon/Fave-icon.png" />
    <!-- =========fontawesome======= -->
    <link rel="stylesheet" href="assets/font/fontawesome/css/all.css">
    <!-- =========bootstrap======= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- =========carousel======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.carousel.min.css">
    <!-- =========carousel theme======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.theme.default.min.css">
    <!-- =========jQuery======= -->
    <link rel="stylesheet" href="assets/css/jQuery.UI.css">
    <!-- =========star-rating======= -->
    <link rel="stylesheet" href="assets/css/rating/star-rating.min.css">
    <!-- =========smoothproducts======= -->
    <link rel="stylesheet" href="assets/css/smoothproducts.css">
    <!-- =========default======= -->
    <link rel="stylesheet" href="assets/css/default.css">
    <!-- =========layouts======= -->
    <link rel="stylesheet" href="assets/css/layouts.css">
    <!-- =========style======= -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- =========responsive======= -->
    <link rel="stylesheet" href="assets/css/responsive.css">
</head>

<body>
    <!-- ==========preloader========= -->
    <div class="preloader" id="spinner">
        <img src="assets/img/icon/preloder.svg" alt="">
    </div>
    <!-- ==========preloader end========= -->
    <div class="body-wrapper">
        <!-- ====HEADER========= -->
        <div class="header">
            <!-- =====top header====== -->
            <div class="top-head">
                <div class="container-fluid custom-padding border-bottom">
                    <div class="head-help">
                        <ul class="help-mail-number">
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/bx-support.svg" class="head-icon"
                                        alt="">Helpline: 123-456-789</a>
                            </li>
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/mail-outline.svg"
                                        class="head-icon" alt="">info@example.com</a>
                            </li>
                        </ul>
                        <div class="currency-call">
                            <div class="right-head">
                                <ul>
                                    <li>
                                        <a href="order-traking.html" class="call-contact border-end"><img
                                                src="assets/img/icon/Shipping.svg" alt="" class="head-icon">Track your
                                            order</a>
                                    </li>
                                    <li>
                                        <select class="form-select " aria-label="Default select example">
                                            <option selected>$ Dollar</option>
                                            <option value="1">€ Euro</option>
                                            <option value="2">৳ Taka</option>
                                            <option value="3">₹ Rupee</option>
                                        </select>
                                    </li>
                                    <li>
                                        <a href="login.html" class="call-contact border-start">Login/Register <img
                                                src="assets/img/icon/Path-52.svg" alt="" class="head-icon"></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- =======top header end===== -->
            <div class="main-header">
                <div class="middle-head">
                    <div class="container-fluid custom-padding">
                        <div class="row">
                            <div class="middle-header-flex">
                                <div class="logo">
                                    <a href="index.html" class="logo-link"><img
                                            src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo-img"></a>
                                </div>
                                <div class="search-bar">
                                    <div class="input-group search-input">
                                        <input type="text" class="form-control " placeholder="Search a Product">
                                        <div class="input-group-append">
                                            <button class="btn  search-btn" type="button">
                                                <i class="fa fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="adlc">
                                    <ul class="adlc-menu">
                                        <li>
                                            <a href="compare.html">
                                                <img src="assets/img/icon/suffle.svg" alt="" class="adlc-img">
                                                <span class="count">2</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="wishlist.html">
                                                <img src="assets/img/icon/heart.svg" alt="" class="adlc-img">
                                                <span class="count">0</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" id="cartCardToggle">
                                                <img src="assets/img/icon/shopping-cart.svg" alt="" class="adlc-img">
                                                <span class="count">3</span>
                                            </a>
                                            <div class="cart-dropdown-menu " id="toggleCard">
                                                <div class="card-top-text">
                                                    <span class="card-title">
                                                        CHECKOUT
                                                    </span>
                                                </div>
                                                <ul class="cart-ul-dp">
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/dron.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">High Security Long..</h3>
                                                                <div class="qe-price">
                                                                    Quantity: 3 X <span class="price">$425</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/iphone_12_PNG3.png  " alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Radices Educational ...
                                                                </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 9 X <span class="price">$438</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/klipartz.com.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Bluck Ultra Music... </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 2 X <span class="price">$233</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="cart-btn-sec">
                                                    <a href="cart.html" class="custom-btn-alt">View Cart</a>
                                                    <a href="checkout.html" class="custom-btn">Check Out</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="last-nav-sec border-bottom">
                    <div class="container-fluid custom-padding">
                        <div class="row ">
                            <ul class="last-nav justify-content-center py-2">
                                <li class="last-list"><a href="index.html" class="last-list-link">Home</a></li>
                                <li class="last-list"><a href="cat-by-product-col-4.html"
                                        class="last-list-link">shop</a></li>
                                <li class="last-list"><a href="#" class="last-list-link">Pages</a>
                                    <div class="top-dp-category">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Home Page:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="index.html" class="sub-link">Home
                                                            1</a></li>
                                                    <li class="sub-cat-list"><a href="home-2.html" class="sub-link">Home
                                                            2</a></li>
                                                    <li class="sub-cat-list"><a href="home-3.html" class="sub-link">Home
                                                            3</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Shop Pages:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="single-product.html"
                                                            class="sub-link">Single Product</a></li>
                                                    <li class="sub-cat-list"><a href="checkout.html"
                                                            class="sub-link">Checkout</a></li>
                                                    <li class="sub-cat-list"><a href="cart.html"
                                                            class="sub-link">Cart</a></li>
                                                    <li class="sub-cat-list"><a href="cat-by-product-col-4.html"
                                                            class="sub-link">Shop</a></li>
                                                    <li class="sub-cat-list"><a href="wishlist.html"
                                                            class="sub-link">Wishlist</a></li>
                                                    <li class="sub-cat-list"><a href="compare.html"
                                                            class="sub-link">Compare</a></li>
                                                    <li class="sub-cat-list"><a href="order-traking.html"
                                                            class="sub-link">Order Tracking</a></li>
                                                    <li class="sub-cat-list"><a href="order-history.html"
                                                            class="sub-link">Order History</a></li>
                                                    <li class="sub-cat-list"><a href="order-complete.html"
                                                            class="sub-link">Order Complete</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Others Pages:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="about.html"
                                                            class="sub-link">About</a></li>
                                                    <li class="sub-cat-list"><a href="faq.html" class="sub-link">FAQ</a>
                                                    </li>
                                                    <li class="sub-cat-list"><a href="terms_and_condition.html"
                                                            class="sub-link">Terms & Condition</a></li>
                                                    <li class="sub-cat-list"><a href="blog.html"
                                                            class="sub-link">Blog</a></li>
                                                    <li class="sub-cat-list"><a href="single-blog-post.html"
                                                            class="sub-link">Single Blog Post</a></li>
                                                    <li class="sub-cat-list"><a href="login.html"
                                                            class="sub-link">Login</a></li>
                                                    <li class="sub-cat-list"><a href="registration.html"
                                                            class="sub-link">Registration</a></li>
                                                    <li class="sub-cat-list"><a href="profile.html"
                                                            class="sub-link">Profile</a></li>
                                                    <li class="sub-cat-list"><a href="contact.html"
                                                            class="sub-link">Contact</a></li>
                                                    <li class="sub-cat-list"><a href="404.html" class="sub-link">404</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="last-list"><a href="#" class="last-list-link">TV & Audio</a>
                                    <div class="top-dp-category">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Audio & Video:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">All Audio &
                                                            Video</a></li>
                                                    <li class="sub-cat-list"><a href="#"
                                                            class="sub-link">Televisions</a></li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Headphones</a>
                                                    </li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Speakers</a>
                                                    </li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Audio & Video
                                                            Accessories</a></li>
                                                </ul>
                                            </div>

                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Music:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="#"
                                                            class="sub-link">Televisions</a></li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Headphones</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-md-4">
                                                <h3 class="cat-title">
                                                    Video Games:
                                                </h3>
                                                <ul class="sub-cat-ul">
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">PC Games</a>
                                                    </li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Headphones</a>
                                                    </li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Men's
                                                            Watches</a></li>
                                                    <li class="sub-cat-list"><a href="#" class="sub-link">Women's
                                                            Watches</a></li>
                                                </ul>
                                            </div>

                                        </div>
                                    </div>

                                </li>
                                <li class="last-list"><a href="#" class="last-list-link">Computers </a></li>
                                <li class="last-list"><a href="#" class="last-list-link">Audio</a></li>
                                <li class="last-list"><a href="#" class="last-list-link">Watches</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


            <!-- ===============================================Footer Nav======================= -->
            <div class="footer__nav">
                <ul class="menus">

                    <li>
                        <a href="cart.html">
                            <i class="fas fa-cart-plus"></i> <span>Cart</span>
                        </a>
                    </li>
                    <li><a href="cat-by-product-col-4.html"><i class="fas fa-qrcode"></i> <span>Category</span></a></li>
                    <li class="active-icon"><a href="index.html"><i class="fas fa-home"></i> <span>Home</span></a></li>
                    <li><a href="wishlist.html"><i class="far fa-heart"></i> <span>Wishlist</span></a></li>
                    <li><a href="profile.html"><i class="far fa-user"></i> <span>Profile</span></a></li>
                </ul>
            </div>


            <!-- ====================================MOBILE NAVIGATION END========================= -->
            <!-- =============subscript popup========== -->
            <!-- Modal -->
            <div class="modal fade " id="exampleModal" tabindex="-1" aria-labelledby="exampleModal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg">
                    <div class="modal-content">
                        <div class="modal-header border-0">
                            <button type="button" class="btn-close pp-close-btn" data-bs-dismiss="modal"
                                aria-label="Close"> <span class="fas fa-times"></span></button>
                        </div>
                        <div class="modal-body p-0">
                            <div class="model-content">
                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="model-form-section">
                                            <div class="">
                                                <h1 class="pop-up-title">
                                                    Get up to 50$ in your first order
                                                </h1>
                                                <p class="sm-des">
                                                    Subscribe our newsletter to receive coupon code and news
                                                </p>
                                                <div class="subscribe-sec">
                                                    <form action="#" class="subscribe-form p-0">
                                                        <div class="input-group">
                                                            <input type="email" class="form-control subscribe-input"
                                                                placeholder="Your Email Address">
                                                            <div class="input-group-prepend">
                                                                <button
                                                                    class="input-group-text custom-btn">SUBSCRIBE</button>
                                                            </div>
                                                        </div>
                                                        <div class="input-group align-items-center mt-2">
                                                            <input type="checkbox" id="igree">
                                                            <label for="igree" class="ps-2">Don't show again</label>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="popup-image">
                                            <img src="assets/img/adds/Image11.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- =============subscript popup end========== -->
        </div>
        <!-- ====HEADER END========= -->
        <div class="content-wrapper">
            <!-- ====slider banner design ==== -->
            <section>
                <div class="banner-sec">
                    <div class="container-fluid custom-padding">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="banner-slider owl-carousel owl-theme">
                                    <div class="item">
                                        <div class="slider-item item">
                                            <div class="row">
                                                <div class="col-md-5 responsive-ban-content">
                                                    <div class="slider-text">
                                                        <div class="">
                                                            <p class="sm-title">
                                                                Get Up To 80% Off
                                                            </p>
                                                            <h2 class="slider-title">
                                                                LENOVO ROG G20X <span>GAMING PC </span>
                                                            </h2>
                                                            <h4 class="slider-last-title">Watche</h4>
                                                            <p class="banner-des"> Lenovo is on off the best computer
                                                                and laptop company in the world. We discover powerful
                                                                products for you. .</p>
                                                            <a href="" class="custom-btn">GET OFFER NOW</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-7 responsive-ban-image">
                                                    <div class="slider-img large-slider">
                                                        <img src="assets/img/slider/13.png" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="slider-item item">
                                            <div class="row">
                                                <div class="col-md-5 responsive-ban-content">
                                                    <div class="slider-text">
                                                        <div class="">
                                                            <p class="sm-title">
                                                                now in stock
                                                            </p>
                                                            <h2 class="slider-title">
                                                                THE NEW <span>STANDARD</span>
                                                            </h2>
                                                            <h4 class="slider-last-title">Watche</h4>
                                                            <p class="banner-des">Discover your new world and enjoy
                                                                happy moments with Pico G2 Vr headset.</p>
                                                            <a href="" class="custom-btn">Buy product</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-7 responsive-ban-image">
                                                    <div class="slider-img large-slider">
                                                        <img src="assets/img/slider/smartwatches-resized.png" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="slider-item item">
                                            <div class="row">
                                                <div class="col-md-5 responsive-ban-content">
                                                    <div class="slider-text">
                                                        <div class="">
                                                            <p class="sm-title">
                                                                now in stock
                                                            </p>
                                                            <h2 class="slider-title">
                                                                poco g2 <span>VR</span>
                                                            </h2>
                                                            <h4 class="slider-last-title">Headset</h4>
                                                            <p class="banner-des">Discover your new world and enjoy
                                                                happy moments with Pico G2 Vr headset.</p>
                                                            <a href="" class="custom-btn">Buy product</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-7 responsive-ban-image">
                                                    <div class="slider-img large-slider">
                                                        <img src="assets/img/slider/3.png" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- ====slider banner design end==== -->


            <!-- ======multilayer section start=========== -->
            <section>
                <div class="container-fluid custom-padding">
                    <div class="row">
                        <!-- =====left side section========== -->
                        <div class="col-lg-3 col-xl-2 left-bar">
                            <!-- ============left add========== -->
                            <div class="add-sec mt-3">
                                <h4 class="add-title">
                                    Apple Airpod
                                </h4>
                                <a href="" class="custom-btn">Buy Now</a>
                                <img src="assets/img/adds/adds-1.png" alt="" class="add-img">
                            </div>
                            <!-- ============left add========== -->
                            <!-- =========chose me =========== -->
                            <div class="latest-pd-slider">
                                <h3 class="latest-slider-title">
                                    Why you Choice Us
                                </h3>
                                <div class="choice-us">
                                    <ul class="choice-ul">
                                        <li class="choice-li">
                                            <img src="assets/img/icon/earphone.svg" alt="" class="choice-img">
                                            <div class="choice-info">
                                                <p class="choice-name">24/7 HOURS SUPPORT</p>
                                                <p class="choice-des">We Support you 24/7</p>
                                            </div>
                                        </li>
                                        <li class="choice-li">
                                            <img src="assets/img/icon/credit-card.svg" alt="" class="choice-img">
                                            <div class="choice-info">
                                                <p class="choice-name">PAYMENT METHOD</p>
                                                <p class="choice-des">Visa, Paypal, Master</p>
                                            </div>
                                        </li>
                                        <li class="choice-li">
                                            <img src="assets/img/icon/pam-secu.svg" alt="" class="choice-img">
                                            <div class="choice-info">
                                                <p class="choice-name">SECURITY PAYMENT</p>
                                                <p class="choice-des">100% security payment</p>
                                            </div>
                                        </li>
                                        <li class="choice-li">
                                            <img src="assets/img/icon/free-delivery.svg" alt="" class="choice-img">
                                            <div class="choice-info">
                                                <p class="choice-name">FREE SHIPPING</p>
                                                <p class="choice-des">Free order over $300</p>
                                            </div>
                                        </li>
                                        <li class="choice-li">
                                            <img src="assets/img/icon/save-money.svg" alt="" class="choice-img">
                                            <div class="choice-info">
                                                <p class="choice-name">30 DAY RETURN</p>
                                                <p class="choice-des">30 day guarantee</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- =========chose me end =========== -->
                            <div class="col-lg-12 sec-none mt-3">
                                <div class="discount-card">
                                    <p class="up-to">Up To</p>
                                    <p class="amount">80%</p>
                                    <img src="assets/img/product/kisspng-sony-playstation-4-slim-playstation-2-twisted-meta-play-station-4-5b24a63fb69e08.272818871529128511748.png"
                                        alt="" class="dis-product-img">
                                    <p class="dis-title">DISCOUNT</p>
                                    <div class="offer-type">
                                        <p class="offer-text">
                                            Save 20 %
                                        </p>
                                    </div>
                                </div>
                            </div>


                            <!-- =========latest product slider============== -->
                            <div class="latest-pd-slider mt-3">
                                <h3 class="latest-slider-title">
                                    Latest Products
                                </h3>
                                <div class="ls-product-slider owl-carousel owl-theme">
                                    <div class="item">
                                        <ul class="ls-product-ul">
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-7.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>10 off</span></p>
                                                        <p class="ls-px-name">
                                                            Wireless Headset Bluetooth 4.2
                                                        </p>
                                                        <p class="ls-pd-price">$22.55</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-8.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>5 off</span></p>
                                                        <p class="ls-px-name">
                                                            Apple Iphone 12 Pro..
                                                        </p>
                                                        <p class="ls-pd-price">$765.99</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-11.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>33 off</span></p>
                                                        <p class="ls-px-name">
                                                            Apple iPad Air...
                                                        </p>
                                                        <p class="ls-pd-price">$25.55</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-12.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>10 off</span></p>
                                                        <p class="ls-px-name">
                                                            Microsoft Xbox Series X/S
                                                        </p>
                                                        <p class="ls-pd-price">$255.55</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                    <div class="item">
                                        <ul class="ls-product-ul">
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-4.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>50 off</span></p>
                                                        <p class="ls-px-name">
                                                            Music Headphone
                                                        </p>
                                                        <p class="ls-pd-price">$15.55</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-5.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>80 off</span></p>
                                                        <p class="ls-px-name">
                                                            Dell Gmatrix 8 GB Ram
                                                        </p>
                                                        <p class="ls-pd-price">$225.99</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-6.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>30 off</span></p>
                                                        <p class="ls-px-name">
                                                            Pink Blues Ultra Music
                                                        </p>
                                                        <p class="ls-pd-price">$35.99</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="ls-product-li">
                                                <a href="single-product.html" class="ls-pd-link">
                                                    <img src="assets/img/product/p-7.png" alt="" class="ls-pd-img">
                                                    <div class="ls-pd-des">
                                                        <p>Up to <span>10 off</span></p>
                                                        <p class="ls-px-name">
                                                            Wireless Headset Bluetooth 4.2
                                                        </p>
                                                        <p class="ls-pd-price">$22.55</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- =========latest product slider============== -->

                            <!-- =============offer product left sec============ -->
                            <div class="offer-count-time">
                                <div class="offer-product-img">
                                    <img src="assets/img/product/macbook_PNG9.png" alt="">

                                    <h2 class="offer-pd-title">Deals of the day</h2>

                                    <div id="countdownT">
                                        <div class="jumbotron countdown show" data-Date='2021/11/11 13:37:53'>
                                            <div class="running">
                                                <div class="deals-of-day">
                                                    <span class="days"></span>
                                                    <span class="hours"></span>
                                                    <span class="minutes"></span>
                                                    <span class="seconds"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <a href="" class="custom-btn mb-2">BUY NOW!</a>
                                </div>
                                <div class="row">
                                    <div class="today-deal">
                                        <div class="deal-card">
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/dron.png" alt="">
                                                </div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Autel Robotics</p>
                                                    <p>$20.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/Headphine/3.png"
                                                        alt=""></div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Bakeey BT016 </p>
                                                    <p>$29.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/Headphine/4.png"
                                                        alt=""></div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Bakeey BT016 Bluetooth</p>
                                                    <p>$22.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/Watches/10.jpg"
                                                        alt=""></div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Gold Automatic Watch</p>
                                                    <p>$35.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/p-9.png" alt="">
                                                </div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Macbook aiM</p>
                                                    <p>$45.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/p-20.png" alt="">
                                                </div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Mega Outlet Express</p>
                                                    <p>$80.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/p-7.png" alt="">
                                                </div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Wireless Headset Bluetooth</p>
                                                    <p>$99.00</p>
                                                </div>
                                            </a>
                                            <a href="single-product.html" class="deal-details">
                                                <div class="deal-img"><img src="assets/img/product/Watches/3.jpg"
                                                        alt=""></div>
                                                <div class="deal-price">
                                                    <p class="deal-product-name">Generico Reloj inteligente</p>
                                                    <p>$120.00</p>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =============offer product left sec============ -->
                            <!-- =============latest blog post ============ -->
                            <div class="ls-blog-post">
                                <h2 class="ls-blog-title">
                                    Latest blog Post
                                </h2>
                                <div class="ls-blog-latest-post">
                                    <div class="slide-ls-post owl-carousel owl-theme">
                                        <div class="item">
                                            <div class="post-card">
                                                <div class="blog-post-img">
                                                    <img src="assets/img/product/p-20.png" alt="image not found">
                                                </div>
                                                <div class="post-details">
                                                    <ul class="pt-user-date">
                                                        <li class="user-date-li">
                                                            <span class="fas fa-user"></span> By Admin
                                                        </li>
                                                        <li class="user-date-li">
                                                            <span class="fas fa-calendar"></span> Jan 24 - 2021
                                                        </li>
                                                    </ul>
                                                    <a href="single-blog-post.html" class="blog-post-title">
                                                        Best Outlet Express - Mega Outlet Express Change Life
                                                    </a>

                                                    <a href="" class="blog-read-link">Read More</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="item">
                                            <div class="post-card">
                                                <div class="blog-post-img">
                                                    <img src="assets/img/product/p-8.png" alt="image not found">
                                                </div>
                                                <div class="post-details">
                                                    <ul class="pt-user-date">
                                                        <li class="user-date-li">
                                                            <span class="fas fa-user"></span> By Admin
                                                        </li>
                                                        <li class="user-date-li">
                                                            <span class="fas fa-calendar"></span> Jan 24 - 2021
                                                        </li>
                                                    </ul>
                                                    <a href="single-blog-post.html" class="blog-post-title">
                                                        Apple Iphone 12 Pro Max Change Life for you
                                                    </a>

                                                    <a href="" class="blog-read-link">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =============latest blog post ============ -->
                        </div>
                        <!-- ==============left section end========== -->
                        <!-- ====main content section======== -->
                        <div class="col-lg-9 col-xl-10 mt-4">
                            <!-- ======popular category======== -->
                            <div class="row">
                                <div class="col-lg-3 col-xl-2 left-bar">
                                    <div class="cat-sec">
                                        <h2 class="cat-title">
                                            Most popular categories
                                        </h2>
                                        <p class="category-left-details">
                                            Find your favorite products by categories and discover your best choices
                                            with us.
                                        </p>
                                        <a href="cat-by-product-col-4.html" class="custom-btn">All Categories</a>
                                    </div>
                                </div>
                                <div class="col-lg-9 col-xl-10 col-md-12">
                                    <div class="most-popular-category cat-slider owl-carousel owl-theme">
                                        <div class="item ">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/headphone.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/headphones.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Headphone</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/camera.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/camera.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Camera</p>
                                            </a>
                                        </div>

                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/mobile-phone.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/mobile-phone.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Smartphone</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/hand-watch.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/hand-watch.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Hand Watch</p>
                                            </a>
                                        </div>
                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/monitor.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/monitor.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Computer</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/drone.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/drone.svg" alt="" class="cat-img-alt">
                                                <p class="cat-name">speaker</p>
                                            </a>
                                        </div>
                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/speaker.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/speaker.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">speaker</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/video-camera.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/video-camera.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Video Camera</p>
                                            </a>
                                        </div>
                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/xbox.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/xbox.svg" alt="" class="cat-img-alt">
                                                <p class="cat-name">Gaming</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/laptop.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/laptop.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Smartphone</p>
                                            </a>
                                        </div>
                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/cctv.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/cctv.svg" alt="" class="cat-img-alt">
                                                <p class="cat-name">CcTv</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/print.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/print.svg" alt="" class="cat-img-alt">
                                                <p class="cat-name">print</p>
                                            </a>
                                        </div>
                                        <div class="item">
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/cctv.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/cctv.svg" alt="" class="cat-img-alt">
                                                <p class="cat-name">CcTv</p>
                                            </a>
                                            <a href="cat-by-product-col-4.html" class="cat-item-m">
                                                <img src="assets/img/category/video-camera.svg" alt="" class="cat-img">
                                                <img src="assets/img/category/red/video-camera.svg" alt=""
                                                    class="cat-img-alt">
                                                <p class="cat-name">Video Camera</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =============popular category=============== -->
                            <!-- =============popular product========= -->
                            <div class="propular-product">

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="deal-sec-title">
                                            <div class="day-of-deal-title">
                                                <h4>On Sale Now</h4>
                                                <div id="countdown">
                                                    <div class="jumbotron countdown show"
                                                        data-Date='2021/11/11 13:37:53'>
                                                        <div class="running">
                                                            <div class="best-deals">
                                                                <span class="days"></span> :
                                                                <span class="hours"></span> :
                                                                <span class="minutes"></span> :
                                                                <span class="seconds"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <a href="" class="custom-btn">See More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="most-popular-product">
                                    <div class="grid-item">
                                        <div class="product-card">

                                            <p class="product-new">New</p>
                                            <div class="product-img">
                                                <img src="assets/img/product/p-20.png" class="product" alt="">
                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                    data-bs-target="#productQu">
                                                    <span>
                                                        <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="product-details">
                                                <a href="single-product.html" class="product-name">Outlet Express - Mega
                                                    Outlet Express</a>
                                                <div class="price">
                                                    <div class="d-flex">
                                                        <p class="current-price">$45.00</p>
                                                    </div>
                                                    <ul class="rating">
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star-half-alt"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-shop-sec">
                                                <a href="cart.html" class="wishlist"><img
                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="compare.html" class="wishlist"><img
                                                        src="assets/img/icon/compayer.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>
                                        <div class="product-card">

                                            <div class="product-img">
                                                <img src="assets/img/product/Headphone/1.png" class="product" alt="">
                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                    data-bs-target="#productQu">
                                                    <span>
                                                        <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="product-details">
                                                <a href="single-product.html" class="product-name">Bakeey BT016
                                                    Bluetooth Headphones</a>
                                                <div class="price">
                                                    <div class="d-flex">
                                                        <p class="current-price">$29.00</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-shop-sec">
                                                <a href="cart.html" class="wishlist"><img
                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="compare.html" class="wishlist"><img
                                                        src="assets/img/icon/compayer.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>
                                        <div class="product-card">

                                            <div class="product-img">
                                                <img src="assets/img/product/Headphone/2.png" class="product" alt="">
                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                    data-bs-target="#productQu">
                                                    <span>
                                                        <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="product-details">
                                                <a href="single-product.html" class="product-name">sport headphone
                                                    Wireless Headset Bluetooth 4.2 - A</a>
                                                <div class="price">
                                                    <div class="d-flex">
                                                        <p class="current-price">$16.00</p>
                                                    </div>
                                                    <ul class="rating">
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star-half-alt"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-shop-sec">
                                                <a href="cart.html" class="wishlist"><img
                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="compare.html" class="wishlist"><img
                                                        src="assets/img/icon/compayer.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>
                                        <div class="product-card">

                                            <p class="product-new">New</p>
                                            <div class="product-img">
                                                <img src="assets/img/product/Headphone/3.png" class="product" alt="">
                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                    data-bs-target="#productQu">
                                                    <span>
                                                        <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="product-details">
                                                <a href="single-product.html" class="product-name">Bakeey BT016
                                                    Bluetooth Headphones</a>
                                                <div class="price">
                                                    <div class="d-flex">
                                                        <p class="current-price">$11.00</p>
                                                    </div>
                                                    <ul class="rating">
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star-half-alt"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-shop-sec">
                                                <a href="cart.html" class="wishlist"><img
                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="compare.html" class="wishlist"><img
                                                        src="assets/img/icon/compayer.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>
                                        <div class="product-card">

                                            <p class="product-new">New</p>
                                            <div class="product-img">
                                                <img src="assets/img/product/Watches/Size-800X800/15.png"
                                                    class="product" alt="">
                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                    data-bs-target="#productQu">
                                                    <span>
                                                        <img src="assets/img/icon/eye.svg" alt="" class="quick-icon">
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="product-details">
                                                <a href="single-product.html" class="product-name">(GPS, 40mm) - Space
                                                    Gray Aluminum Case with Black Sport</a>
                                                <div class="price">
                                                    <div class="d-flex">
                                                        <p class="current-price">$99.00</p>
                                                    </div>
                                                    <ul class="rating">
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star"></span></li>
                                                        <li class="rating-li"><span class="fas fa-star-half-alt"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-shop-sec">
                                                <a href="cart.html" class="wishlist"><img
                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="compare.html" class="wishlist"><img
                                                        src="assets/img/icon/compayer.svg" alt=""
                                                        class="wishlist-img"></a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =============popular product end========= -->


                            <!-- ==========popular category product section ====================== -->
                            <div class="sale-most-tranding my-5">
                                <div class="row">
                                    <div class="sale-most-tranding-content">
                                        <div class="cat-pd-title">
                                            <h2 class="cat-sm-title">
                                                Popular Category
                                            </h2>
                                            <ul class="nav tab-heading" id="myTab" role="tablist">
                                                <li class="nav-item" role="presentation">
                                                    <button class="product-item-btn active" id="watch-tab"
                                                        data-bs-toggle="tab" data-bs-target="#watch" type="button"
                                                        role="tab" aria-controls="watch"
                                                        aria-selected="true">Watch</button>
                                                </li>
                                                <li class="nav-item" role="presentation">
                                                    <button class="product-item-btn" id="camera-tab"
                                                        data-bs-toggle="tab" data-bs-target="#camera" type="button"
                                                        role="tab" aria-controls="camera"
                                                        aria-selected="false">Camera</button>
                                                </li>
                                                <li class="nav-item" role="presentation">
                                                    <button class="product-item-btn" id="headphone-tab"
                                                        data-bs-toggle="tab" data-bs-target="#headphone" type="button"
                                                        role="tab" aria-controls="headphone"
                                                        aria-selected="false">Headphone</button>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-content" id="myTabContent">
                                            <div class="tab-pane fade show active" id="watch" role="tabpanel"
                                                aria-labelledby="watch-tab">
                                                <div class="sale-most-tranding-content">
                                                    <div class="grid-item">
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Watches/10.jpg"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">Apple
                                                                    iPad Air (4th Gen, 2020) 10.9" Wi-Fi + Cellular 64GB
                                                                    Tablet </a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$399.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Watches/11.jpg"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">Microsoft Xbox Series X/S Robot
                                                                    White Wireless Controller</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$39.00</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Watches/14.jpg"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">Generico Auriculares Bluetooth
                                                                    5.0 Caja De Carga Auriculares 9d</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$49.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Watches/13.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">New
                                                                    Sony FDR-X3000R 4K Action Cam Sets its Sights on
                                                                    GoPro</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$499.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Watches/15.jpg"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">This
                                                                    Ultra-Slim Camera Is, Sadly, the Perfect Selfie
                                                                    Machine</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$289.00</p>
                                                                        <del class="ps-2">$399.00</del>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="camera" role="tabpanel"
                                                aria-labelledby="camera-tab">
                                                <div class="sale-most-tranding-content">
                                                    <div class="grid-item">
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Camera/1.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">Sigma
                                                                    dp2 Quittor: Pro-Friendly Compact Camera</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$89.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Camera/2.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">SONY
                                                                    ILCE-7M3 A7 III E Mount 35mm FULL FRAME CAMERA
                                                                    in</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$345.00</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Camera/3.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">Sony
                                                                    USA - Electronics, PlayStation, Product Support</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$20.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Camera/4.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">Quadrocopter drone radio fly
                                                                    camera vector</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$565.00</p>
                                                                        <del class="ps-2">$654.00</del>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Camera/5.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">Set
                                                                    de contrepoids pour DJI RS 2 et RSC 2 - DJI</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$223.00</p>
                                                                        <del class="ps-2">$266.00</del>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="headphone" role="tabpanel"
                                                aria-labelledby="headphone-tab">
                                                <div class="sale-most-tranding-content">
                                                    <div class="grid-item">
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Headphine/1.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">Bakeey BT016 Bluetooth
                                                                    Headphones</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$15.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Headphine/2.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">sport
                                                                    headphone Wireless Headset Bluetooth 4.2 - A</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$22.00</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <div class="product-img">
                                                                <img src="assets/img/product/Headphine/3.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html" class="product-name">JBL -
                                                                    TUNE 700BT Wireless Over-the-Ear Headphones -
                                                                    Blue</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$42.00</p>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/Headphine/4.png"
                                                                    class="product" alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">OneOdio Auscultadores Bluetooth
                                                                    Studio Hi-Fi Black</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$19.00</p>
                                                                        <del class="ps-2">$29.00</del>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                        <div class="product-card">

                                                            <p class="product-new">New</p>
                                                            <div class="product-img">
                                                                <img src="assets/img/product/p-13.png" class="product"
                                                                    alt="">
                                                                <a href="" class="quick-view" data-bs-toggle="modal"
                                                                    data-bs-target="#productQu">
                                                                    <span>
                                                                        <img src="assets/img/icon/eye.svg" alt=""
                                                                            class="quick-icon">
                                                                    </span>
                                                                </a>
                                                            </div>
                                                            <div class="product-details">
                                                                <a href="single-product.html"
                                                                    class="product-name">ComfortQ+ Active Noise
                                                                    Cancelling Headphones</a>
                                                                <div class="price">
                                                                    <div class="d-flex">
                                                                        <p class="current-price">$54.00</p>
                                                                        <del class="ps-2">$64.00</del>
                                                                    </div>
                                                                    <ul class="rating">
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star"></span></li>
                                                                        <li class="rating-li"><span
                                                                                class="fas fa-star-half-alt"></span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="product-shop-sec">
                                                                <a href="cart.html" class="wishlist"><img
                                                                        src="assets/img/icon/cart-shop.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="compare.html" class="wishlist"><img
                                                                        src="assets/img/icon/compayer.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                                <a href="wishlist.html" class="wishlist"><img
                                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                                        class="wishlist-img"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ==========popular category product section ====================== -->

                            <!-- ====new product and Discount section==== -->
                            <section>
                                <div class="new-product my-4">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4 col-sm-6 mb-2">
                                                    <div class="offer-add alt-purple">

                                                        <div class="offer-add-des-img">
                                                            <div class="offer-des">
                                                                <span class="product-type">New</span>
                                                                <p class="deal">Deal Up to 5%</p>
                                                                <h2 class="adds-title">
                                                                    Apple <span>Ipod X2</span> Mini
                                                                </h2>
                                                            </div>
                                                            <div class="product-offer-img">
                                                                <img src="assets/img/adds/adds-1.png" alt="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 mb-2">
                                                    <div class="offer-add classic-rose">

                                                        <div class="offer-add-des-img">
                                                            <div class="offer-des">
                                                                <span class="product-type">New</span>
                                                                <p class="deal">Start $150.00</p>
                                                                <h2 class="adds-title">
                                                                    Apple <span>Iphone X2</span> Series
                                                                </h2>
                                                            </div>
                                                            <div class="product-offer-img">
                                                                <img src="assets/img/adds/adds-3.png" alt="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 mb-2">
                                                    <div class="offer-add alt-dodgar-blue">

                                                        <div class="offer-add-des-img">
                                                            <div class="offer-des">
                                                                <span class="product-type">New</span>
                                                                <p class="deal">Get 50% Off</p>
                                                                <h2 class="adds-title">
                                                                    Lenovo <span>G2M Laptop</span> Model
                                                                </h2>
                                                            </div>
                                                            <div class="product-offer-img">
                                                                <img src="assets/img/adds/adds-2.png" alt="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <!-- ====new product and Discount section end==== -->
                            <!-- =========best selling product========= -->
                            <div class="best-selling-product">
                                <div class="row">
                                    <h2 class="best-sell-head">
                                        Best Selling Products
                                    </h2>
                                </div>
                                <div class="row">
                                    <div class="best-selling-product-slider">
                                        <div class="best-sell-slider-item owl-carousel owl-theme">
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-20.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Outlet
                                                            Express - Mega Outlet Express</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$43.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-19.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">This
                                                            Ultra-Slim Camera Is, Sadly, the Perfect Selfie Machine</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$289.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/13.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smartwatch
                                                            2.0 LTE Wifi Waterproof</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$99.99</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/1.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente deportivo para hombre y mujer</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/2.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smart Watch
                                                            Men Full Touch Screen Sport Fitness Watch IP67</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$25.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/5.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente H76 Presión arterial Frecuencia
                                                            cardíaca</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =========best selling product end========= -->


                            <!-- =========Most popular product========= -->
                            <div class="best-selling-product mt-5">
                                <div class="row">
                                    <h2 class="best-sell-head">
                                        Most popular product
                                    </h2>
                                </div>
                                <div class="row">
                                    <div class="best-selling-product-slider">
                                        <div class="most-popular-pd-sl owl-carousel owl-theme">
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-20.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Outlet
                                                            Express - Mega Outlet Express</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$43.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-19.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">This
                                                            Ultra-Slim Camera Is, Sadly, the Perfect Selfie Machine</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$289.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/13.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smartwatch
                                                            2.0 LTE Wifi Waterproof</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$99.99</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/1.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente deportivo para hombre y mujer</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/2.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smart Watch
                                                            Men Full Touch Screen Sport Fitness Watch IP67</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$25.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/5.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente H76 Presión arterial Frecuencia
                                                            cardíaca</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =========Most popular product end========= -->
                            <!-- =========Trending product product========= -->
                            <div class="best-selling-product">
                                <div class="row">
                                    <h2 class="best-sell-head">
                                        Trending product product
                                    </h2>
                                </div>
                                <div class="row">
                                    <div class="best-selling-product-slider">
                                        <div class="trending-product-sl owl-carousel owl-theme">
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-20.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Outlet
                                                            Express - Mega Outlet Express</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$43.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/p-19.png" class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">This
                                                            Ultra-Slim Camera Is, Sadly, the Perfect Selfie Machine</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$289.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/2.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smart Watch
                                                            Men Full Touch Screen Sport Fitness Watch IP67</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$25.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/5.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente H76 Presión arterial Frecuencia
                                                            cardíaca</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <p class="product-new">New</p>
                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/13.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Smartwatch
                                                            2.0 LTE Wifi Waterproof</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$99.99</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item best-selling-slider-item">
                                                <div class="product-card">

                                                    <div class="product-img">
                                                        <img src="assets/img/product/Watches/Size-800X800/1.png"
                                                            class="product" alt="">
                                                        <a href="" class="quick-view" data-bs-toggle="modal"
                                                            data-bs-target="#productQu">
                                                            <span>
                                                                <img src="assets/img/icon/eye.svg" alt=""
                                                                    class="quick-icon">
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="product-details">
                                                        <a href="single-product.html" class="product-name">Generico
                                                            Reloj inteligente deportivo para hombre y mujer</a>
                                                        <div class="price">
                                                            <div class="d-flex">
                                                                <p class="current-price">$29.00</p>
                                                            </div>
                                                            <ul class="rating">
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span class="fas fa-star"></span>
                                                                </li>
                                                                <li class="rating-li"><span
                                                                        class="fas fa-star-half-alt"></span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="product-shop-sec">
                                                        <a href="cart.html" class="wishlist"><img
                                                                src="assets/img/icon/cart-shop.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="compare.html" class="wishlist"><img
                                                                src="assets/img/icon/compayer.svg" alt=""
                                                                class="wishlist-img"></a>
                                                        <a href="wishlist.html" class="wishlist"><img
                                                                src="assets/img/icon/red-heart.svg" alt=""
                                                                class="wishlist-img"></a>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- =========Trending product product end========= -->

                            <!-- ===========recently view product======= -->
                            <div class="recently-view-sec">
                                <div class="sec-title">
                                    <h3>Recently Viewed Products</h3>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/Watches/1.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">Generico Reloj
                                                    inteligente deportivo para....</a>
                                                <p class="rs-view-price">$29.99</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/Headphine/1.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">Bakeey BT016
                                                    Bluetooth Headphones...</a>
                                                <p class="rs-view-price">$99.99</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/p-19.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">This Ultra-Slim
                                                    Camera the Perfect Selfie Machine...</a>
                                                <p class="rs-view-price">$59.00</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/Headphone/8.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">Sony's
                                                    WH-1000XM4 cans look just like the XM3s...</a>
                                                <p class="rs-view-price">$19.00</p>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!-- ===========recently view product end======= -->

                            <!-- ===========recently view product======= -->
                            <div class="recently-view-sec mt-5">
                                <div class="sec-title">
                                    <h3>New Arrivals Products</h3>
                                </div>
                                <div class="row">

                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/Headphine/4.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">Tribit Wireless
                                                    Bluetooth Headphones...</a>
                                                <p class="rs-view-price">$69.00</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/p-16.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">APPLE IPHONE 12
                                                    MINI 5.4" 128GB RED ITALIA...</a>
                                                <p class="rs-view-price">$49.00</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/p-18.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">New Sony
                                                    FDR-X3000R 4K Action Sights on GoPro...</a>
                                                <p class="rs-view-price">$145.99</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xl-3 col-md-4 col-sm-6 my-2">
                                        <div class="view-product-card">
                                            <div class="view-pd-img">
                                                <img src="assets/img/product/Watches/13.png" alt="">
                                            </div>
                                            <div class="view-pd-details">
                                                <a href="single-product.html" class="view-product-title">Smartwatch 2.0
                                                    LTE Wifi Waterproof...</a>
                                                <p class="rs-view-price">$99.99</p>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!-- ===========recently view product end======= -->
                        </div>
                        <!-- ====main content section end======== -->
                    </div>
                </div>
            </section>
            <!-- ======multilayer section start end=========== -->
            <!-- =========partner section======== -->

            <div class="partner-sec my-5">
                <div class="container">
                    <div class="row">
                        <div class="partner-slider owl-carousel owl-theme">
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/1.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/2.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/3.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/4.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/5.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <div class="partner-logo">
                                    <img src="assets/img/partner/6.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- =========partner section end======== -->
            <!-- ========footer section design ========= -->
            <section>
                <footer>
                    <div class="top-footer">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 my-2">
                                    <div class="singup-letter">
                                        <img src="assets/img/icon/mail.svg" alt="" class="letter-icon">
                                        <div class="letter-details-sec">
                                            <h2>Sign Up to Newsletter</h2>
                                            <p>
                                                Subscribe our newsletter & get notification about information discount.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 my-2">
                                    <div class="subscribe-sec">
                                        <form action="#" class="subscribe-form sub-form-bg">
                                            <div class="input-group">
                                                <input type="email" class="form-control subscribe-input"
                                                    placeholder="Your Email Address">
                                                <div class="input-group-prepend">
                                                    <button class="input-group-text custom-btn">SUBSCRIBE</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- =========main-footer=========== -->
                    <div class="main-footer">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-3 col-sm-6 my-2">
                                    <div class="f-logo-sec">
                                        <img src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo">
                                    </div>

                                    <p class="footer-des">
                                        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                                        aliquip ex ea commodo.
                                    </p>
                                    <div class="social">
                                        <ul class="social-ul">
                                            <li class="social-li"><a href="" class="social-link"><span
                                                        class="fab fa-facebook-f"></span></a></li>
                                            <li class="social-li"><a href="" class="social-link"><span
                                                        class="fab fa-instagram"></span></a></li>
                                            <li class="social-li"><a href="" class="social-link"><span
                                                        class="fab fa-twitter"></span></a></li>
                                            <li class="social-li"><a href="" class="social-link"><span
                                                        class="fab fa-pinterest"></span></a></li>
                                        </ul>
                                    </div>
                                    <div class="mobile-app">
                                        <a href="">
                                            <img src="assets/img/app-store.png" alt="" class="store-img">
                                        </a>
                                        <a href=""><img src="assets/img/play-store.png" alt="" class="store-img"></a>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 my-2">
                                    <div class="quick-link">
                                        <h2 class="foot-sec-title">Quick Links</h2>
                                        <ul class="quick-link-ul">
                                            <li class="footer-link"><a href="cat-by-product-col-4.html"
                                                    class="footer-menu-link">All Products</a></li>
                                            <li class="footer-link"><a href="#" class="footer-menu-link">Payment
                                                    Method</a></li>
                                            <li class="footer-link"><a href="terms_and_condition.html"
                                                    class="footer-menu-link">Terms and Condition</a></li>
                                            <li class="footer-link"><a href="faq.html" class="footer-menu-link">Faq &
                                                    Support</a></li>
                                            <li class="footer-link"><a href="blog.html" class="footer-menu-link">Blog
                                                    Post</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 my-2">
                                    <div class="quick-link">
                                        <h2 class="foot-sec-title">Account Info</h2>
                                        <ul class="quick-link-ul">
                                            <li class="footer-link"><a href="login.html" class="footer-menu-link">Sign
                                                    In </a></li>
                                            <li class="footer-link"><a href="profile.html"
                                                    class="footer-menu-link">Shipping Address</a></li>
                                            <li class="footer-link"><a href="wishlist.html"
                                                    class="footer-menu-link">Wishlist</a></li>
                                            <li class="footer-link"><a href="order-history.html"
                                                    class="footer-menu-link">Order History</a></li>
                                            <li class="footer-link"><a href="profile.html" class="footer-menu-link">My
                                                    Account</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 my-2">
                                    <div class="quick-link">
                                        <h2 class="foot-sec-title">Contact Us</h2>
                                        <ul class="address-sec">
                                            <li><strong>Address: </strong>
                                                <p>Your Address, 1234, Country</p>
                                            </li>
                                            <li><strong>Email: </strong>
                                                <p> info@example.com</p>
                                            </li>
                                            <li><strong>Phone: </strong>
                                                <p>+012-345-6789</p>
                                            </li>
                                            <li><strong>Payment Method</strong></li>
                                            <li class="p-0"><img src="assets/img/logo/cc.png" alt=""
                                                    class="currency-logo"></li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="last-footer">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="cp-sec">
                                        <p>Copyright &copy; 2025 All rights reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="last-foot-menu">
                                        <ul class="ls-foot-menu">
                                            <li><a href="#" class="pvc-link border-end ">Privacy Policy</a></li>
                                            <li><a href="terms_and_condition.html" class="pvc-link ">Terms of
                                                    Condition</a></li>
                                            <li><a href="#" class="pvc-link border-start ">Sales and Refunds</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </section>
            <!-- ========footer section design end ========= -->
        </div>

    </div>

    <!-- =========product view modal============ -->
    <section>

        <!-- Modal -->
        <div class="modal fade" id="productQu" tabindex="-1" aria-labelledby="productQu" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header border-0">
                        <button type="button" class="btn-close pp-close-btn" data-bs-dismiss="modal" aria-label="Close">
                            <span class="fas fa-times"></span></button>
                    </div>
                    <div class="modal-body">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-5">

                                    <div class="sp-loading"><img src="assets/img/sp-loading.gif" alt=""><br>LOADING
                                        IMAGES</div>
                                    <div class="sp-wrap">
                                        <a href="assets/img/product/Watches/13.png"><img
                                                src="assets/img/product/Watches/13.png" alt=""></a>
                                        <a href="assets/img/product/Watches/10.jpg"><img
                                                src="assets/img/product/Watches/10.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/7.jpg"><img
                                                src="assets/img/product/Watches/7.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/8.jpg"><img
                                                src="assets/img/product/Watches/8.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/3.jpg"><img
                                                src="assets/img/product/Watches/3.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <div class="product-single-details">
                                        <p class="product-cat-s">Watch</p>
                                        <h2 class="product-title"> Apple Apple Watch Series 6 GPS, 40mm Gold Aluminum
                                            Case with Pink Sand Sport Band -Regular -Apple</h2>
                                        <div class="rating-review">
                                            <ul class="rating">
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                            </ul>
                                            <p class="customer-review">
                                                30 Customer Review
                                            </p>
                                        </div>
                                        <div class="cat-tag">
                                            <p class="category">Categories: <span>Phone, Iphone, Smart Phone</span></p>
                                            <p class="tag">Tags: <span> Android, IPhone 12</span></p>
                                        </div>
                                        <div class="s-price">
                                            <h3>$595.00</h3> <del>525.55</del>
                                        </div>
                                        <div class="stock">
                                            <p>Availability:</p> <span>In Stock</span>
                                        </div>
                                        <div class="product-future">
                                            <ul class="product-future-ul">
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        NETWORK :</p><span>GSM / CDMA / HSPA / EVDO / LTE / 5G</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        MEMORY :</p><span>64GB 4GB RAM, 128GB 4GB RAM, 256GB 4GB
                                                        RAM</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        MAIN CAMERA :</p><span>12 MP, f/1.6, 26mm (wide), 1.4µm, dual
                                                        pixel PDAF, OIS 12 MP</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        SELFIE CAMERA :</p><span>12 MP, f/2.2, 23mm (wide), 1/3.6" SL
                                                        3D, (depth/biometrics sensor)</span>
                                                </li>

                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        FEATURES :</p><span>Face ID, accelerometer, gyro, proximity,
                                                        compass, barometer Siri </span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="product-color">
                                            <form action="#">

                                                <div class="color" style="background-color: #E0E4CC">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>

                                                <div class="color" style="background-color: #F38630">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>

                                                <div class="color" style="background-color: #FA6900">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>
                                            </form>
                                        </div>


                                        <div class="size d-flex">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault1" checked>
                                                <label class="form-check-label" for="flexRadioDefault1">
                                                    XL
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault2">
                                                <label class="form-check-label" for="flexRadioDefault2">
                                                    XXL
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault3">
                                                <label class="form-check-label" for="flexRadioDefault3">
                                                    XXXL
                                                </label>
                                            </div>
                                        </div>
                                        <div class="qu-cart-fav">
                                            <form id='myform' method='POST' class='quantity pe-3' action='#'>
                                                <input type='button' value='-' class='qtyminus minus' />
                                                <input type='text' name='quantity' value='0' class='qty' />
                                                <input type='button' value='+' class='qtyplus plus' />
                                            </form>
                                            <div class="d-flex align-items-center margin-align">
                                                <a href="" class="custom-btn me-3">ADD TO CART</a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>

                                        <div class="product-share">
                                            <p class="share">Share Product :</p>
                                            <ul class="share-product-ul">
                                                <li><a href="" class="social-share-pd"><span
                                                            class="fab fa-facebook-f"></span></a></li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-instagram"></span></a>
                                                </li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-twitter"></span></a>
                                                </li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-pinterest"></span></a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- =========product view modal end============ -->

    <!-- ===========jquery========= -->
    <script src="assets/js/jquery.min.js"></script>
    <!-- ===========bootstrap========= -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- ===========owl carousel========= -->
    <script src="assets/js/owlcarousel/owl.carousel.min.js"></script>
    <!-- ===========multi-countdown========= -->
    <script src="assets/js/multi-countdown.js"></script>
    <!-- ===========jQuery.UI========= -->
    <script src="assets/js/jQuery.UI.js"></script>
    <!-- ===========smoothproducts========= -->
    <script src="assets/js/smoothproducts.min.js"></script>
    <!-- ===========rating========= -->
    <script src="assets/js/rating/star-rating.min.js"></script>
    <!-- ===========rating/theme========= -->
    <script src="assets/js/rating/theme.js"></script>
    <!-- ===========main========= -->
    <script src="assets/js/main.js"></script>




</body>

</html>